<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div class="shuju-nav" id="phang">每日成交排行榜<span>${time }</span></div>
	<div class="paihang">
	<dl>
     <dt>北京</dt>
     <c:forEach var="item" items="${map['beijing']}" varStatus="status">   
		<dd <c:if test="${status.index%2 eq 0 }"> class="bgcolor" </c:if>>
		<span <c:if test="${status.index lt 3 }"> class="num1" </c:if>class="num">${status.index+1 }</span><span class="pn" title="${item.platform_name }">${item.platform_name }</span><span class="money">${item.volume }万元</span></dd>   
	</c:forEach>  
     
   </dl>
   
   <dl>
     <dt>上海</dt>
     <c:forEach var="item" items="${map['shanghai']}" varStatus="status">   
		<dd <c:if test="${status.index%2 eq 0 }"> class="bgcolor" </c:if>>
		<span <c:if test="${status.index lt 3 }"> class="num1" </c:if>class="num">${status.index+1 }</span><span class="pn" title="${item.platform_name }">${item.platform_name }</span><span class="money">${item.volume }万元</span></dd>   
	</c:forEach>  
   </dl>
   
   <dl>
     <dt>广东</dt>
    <c:forEach var="item" items="${map['guangdong']}" varStatus="status">   
		<dd <c:if test="${status.index%2 eq 0 }"> class="bgcolor" </c:if>>
		<span <c:if test="${status.index lt 3 }"> class="num1" </c:if>class="num">${status.index+1 }</span><span class="pn" title="${item.platform_name }">${item.platform_name }</span><span class="money">${item.volume }万元</span></dd>   
	</c:forEach>  
   </dl>
   
   <dl style="margin-right:0;">
     <dt>
         <a href="javascript:void(0)" class="sec-state" >湖北</a>
         <div class="state-list">
                  <a href="javascript:void(0)" value=42>全国</a>
                  <a href="javascript:void(0)" value=12>浙江</a>
                  <a href="javascript:void(0)" value=11>江苏</a>
                  <a href="javascript:void(0)" value=3>山东</a>
                  <a href="javascript:void(0)" value=23>四川</a>
                   <a href="javascript:void(0)" value=17>湖北</a>
                  <a href="javascript:void(0)" value=28>其他</a>
         </div>
     </dt>
     <div id="stateTab1">
         <c:forEach var="item" items="${map['hubei']}" varStatus="status">   
		<dd <c:if test="${status.index%2 eq 0 }"> class="bgcolor" </c:if>>
		<span <c:if test="${status.index lt 3 }"> class="num1" </c:if>class="num">${status.index+1 }</span><span class="pn" title="${item.platform_name }">${item.platform_name }</span><span class="money">${item.volume }万元</span></dd>   
	</c:forEach>
     </div>
     
   </dl>
   </div>
   
   <script>
   $(function(){
	 //排行榜地区下拉框
	   $('.sec-state').click(function(){
			$('.state-list').toggle();	  
			$('.state-list a').click(function(){
				var a=$(this).text();
				$('.sec-state').text(a);
				$('.state-list').hide(); 
				// 发送请求
				$.ajax({
					type: "post",
					data:{'pid':$(this).attr("value")},
					url: "${basePath}/data/getVolume",
					success: function(data, textStatus){
						$("#stateTab1").html("");
						$("#stateTab1").html(data);
					}
				});
			});
	   });
   });
   
   </script>